$(document).ready(function () {

    cover();
    var curBrowser = myBrowser();
    var $stickyButtons = $("#sticky-buttons"),
        $header = $("header"),
        $section = $(".container"),
        currentScroll = -1,
        $footer = $("footer");
    //$stickyButtons.hide();

    $(window).load(function () {
        $(".positionOrder").removeClass("positionOrderPosh");
        scrollContent();
        cover();
        $('.backtop').click(function () { //回到顶部
            $("document,body,html").animate({
                scrollTop: '0px'
            }, 500);
        });

    }).resize(function () {
        cover();
    }).scroll(function () {
        scrollContent();

    });

   

    function cover() {
        var whdef = 100 / 1200; // pc:表示1920的设计图,使用100PX的默认值
        var p_whdef = 200 / 750; // 手机:表示750的设计图,使用50PX的默认值
        var wH = window.innerHeight; // 当前窗口的高度
        var wW = window.innerWidth; // 当前窗口的宽度
        var rem = wW * whdef; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
        var p_rem = wW * p_whdef;
        if (wW > 768 && wW < 1200) {
            $('html').css('font-size', rem * 1.1 + "px");
        } else if (wW <= 768) {
            $('html').css('font-size', p_rem + "px");
        } else {
            $('html').css('font-size', "100px");
        } //全局控制rem单位

        /*首页工厂轮播图 自适应宽高设置*/
        if ($(".swiper-factory").length > 0) {
            $('.swiper-factory').css({
                width: wW / 2,
                height: 570 / 1000 * (wW / 2)
            }); //工厂图片轮播初始化宽高
            $('.swiper-factory img').css({
                width: wW / 2,
                height: 570 / 1000 * (wW / 2)
            }); //工厂图片轮播初始化宽高
        }
        /*首页工厂轮播图 自适应宽高设置 end */

        /*首页评论轮播图 自适应宽高设置*/
        if ($(".swiper-tems").length > 0) {
            $('.swiper-tems').css({
                width: wW / 2,
                height: 570 / 1000 * (wW / 2)
            }); //工厂图片轮播初始化宽高
            $('.swiper-tems img').css({
                width: wW / 2,
                height: 570 / 1000 * (wW / 2)
            }); //工厂图片轮播初始化宽高
        }
        /*首页评论轮播图 自适应宽高设置 end */

    }

    $(".radioBox").click(function () {
        if ($(this).is(".cur")) {
            $(this).removeClass("cur"); //选中当前点击的按钮变绿色 
        } else {
            $(this).addClass("cur");
            $(this).parents("li").siblings().children().removeClass("cur");
        }
    }) //raido单击效果

    function scrollContent() {

        var c = $(document).height() - $(window).height(); //文档宽度-可视区域宽度
        var e = $(window).scrollTop(); //滚动位置
        // var gg = $header.offset().top;
        if (curBrowser == "Safari") {
            newScroll = $(document).scrollTop()
        } else if (curBrowser == "Chrome") {
            newScroll = $(document).scrollTop()
        } else {
            newScroll = $(document).scrollTop()
        }

        var headerspace = $(".container").position().top; //头部栏留出空间
        var contentStep = $(".container").position().top; //头部栏留出空间
        var containerH = $(".container").height();
        var sidebarH = $(".positionOrder").height();
        if ($("body").attr("pageName") == "inQuote") {
            var sidebarT = $(".positionOrder").position().top;
        }
        var headerH = $("header").height();
        var bliang = $(document).height() - $(window).height() - $footer.height() - 50; //文档高-窗口高-底部高-底部上边距:计算底部临界值
        var sideh = $(window).height() - $(".positionOrder").height() - 30; //窗口高-边栏高-30  :计算边栏旁余空间

        var bottomljzhi = bliang + sideh; //边栏停止滚动的临界值

        if ($("body").attr("pageName") != "inQuote") {
            if (newScroll > headerH) {
                $(".topbar").hide();
                $("header").addClass("posh");
                $("body").css({
                    "padding-top": 116
                })
            } else {
                $(".topbar").show();
                $("header").removeClass("posh");
                $("body").attr("style", "")
            } 
        }//页面头部条跟随滚动

        //var itheaderspace = $(".contentStep").position().top; //自动报价头部栏留出空间
        if ($("body").attr("pageName") == "inQuote") {
            if (newScroll > 190 - 50) {
                $(".stepProcessWrap").addClass("fixedStep");
                $("body").css({
                    "padding-top": 190
                })
            } else {
                $(".stepProcessWrap").removeClass("fixedStep");
                $("body").attr("style", "")
            } 
        }//自动报价页面头部条跟随滚动

        // console.log("===================");
        // console.log("newScroll="+newScroll);
        // console.log("sidebarH="+sidebarH);
        // console.log("sidebarT="+sidebarT);
        // console.log("headerspace="+headerspace);
        // console.log("containerH="+containerH);
        // console.log("top="+(containerH-newScroll-sidebarH+sidebarT));

        if ($(".contentStep").height() > sidebarH) {
            if (newScroll > 190) {
                if (newScroll + sidebarH > containerH + sidebarT) {
                    $('.positionOrder').css('position', 'fixed');
                    $('.positionOrder').css('top', containerH - newScroll - sidebarH + 0);
                } else {
                    $('.positionOrder').css('position', 'fixed');
                    $('.positionOrder').css('top', headerH + 35);
                }
            } else {
                $('.positionOrder').css('position', '');
            }
        } else {
            $('.positionOrder').css('position', ''); //左边比右边小
        } //自动报价页面-右侧摘要浮动js控制代码



        if ($stickyButtons.length > 0) {
            var b = c - $($footer).outerHeight();
            var a = newScroll - b;
            if (a < 0) {
                a = 0
            }
            $stickyButtons.css({
                bottom: a
            })
        }
        currentScroll = newScroll
    }


    /** 判断浏览器类型方法 */
    function myBrowser() {
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isOpera = userAgent.indexOf("Opera") > -1;
        if (isOpera) {
            return "Opera"
        }; //判断是否Opera浏览器
        if (userAgent.indexOf("Firefox") > -1) {
            return "FF";
        } //判断是否Firefox浏览器
        if (userAgent.indexOf("Chrome") > -1) {
            return "Chrome";
        }
        if (userAgent.indexOf("Safari") > -1) {
            return "Safari";
        } //判断是否Safari浏览器
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {
            return "IE";
        }; //判断是否IE浏览器
    }
    /** 判断浏览器类型方法 end */



    /**===热门产品随机输出产品图===*/

    //var arrli = $(".otherPro ul").children().toArray();
    //var bigLength = arrli.length; // 获取其最大长度
    //var randomString = ""; // 结果字符串
    //for (var i = 0; i < bigLength; i++) { // 遍历所有数组元素内容
    //    // 随机生成剩余量
    //    var rand = parseInt(Math.random() * (arrli.length));

    //    // 将包含自身li的html内容添加到字符串中
    //    randomString += arrli[rand].outerHTML;
    //    arrli.splice(rand, 1); // 删除当前操作的数组元素

    //}
    //$(".otherPro ul").empty(); // 清空原有ul下的li标签
    //$(".otherPro ul").append(randomString); // 追加html
    //$(".otherPro li:lt(5)").show();

    /**===end 热门产品随机输出产品图 end ==*/


    /*======锚点链接平滑滚动======*/
    $('a[href*=#]').click(function () {
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
            var $target = $(this.hash);
            $target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
            if ($target.length) {
                var targetOffset = $target.offset().top;
                $('html,body').animate({
                        scrollTop: targetOffset
                    },
                    500);
                return false;
            }
        }
    });

   
    $(".faqmod .layui-tab-item dt").click(function () {
        if ($(this).is(".active")) {
            $(this).next().slideUp("");
            $(this).removeClass("active");
        } else {
            $(".faqmod .layui-tab-item dd").slideUp(0);
            $(this).next().slideDown();
            $(this).addClass("active").siblings("dt").removeClass("active");
        }
    }) //faq.html页面手风琴折叠效果

    $(".optionItem dt").click(function () {
        if ($(this).is(".active")) {
            $(this).next().slideUp("");
            $(this).removeClass("active");
        } else {
            $(".optionItem dd").slideUp(0);
            $(this).next().slideDown();
            $(this).addClass("active").siblings("dt").removeClass("active");
        }
    }) //首页 等多个地方的 手风琴折叠打开效果

}); //jquery